Playit

CSS Property:

clip-path:

circle(40%)

circle(20%)

ellipse(25% 40% at 50% 50%)

ellipse(25% 25% at 50% 50%)

polygon(50% 0%, 0% 100%, 100% 100%)

polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)

inset(5% 20% 15% 10%)

none

Note: The clip-path property is not supported for HTML elements in Edge/IE.

Result:

CSS Code:

img#myImg {
  clip-path: circle(40%);
}

Click the property values above to see the result

W3Schools.com - Play it